<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- <script src="./axios.js"></script> -->
    <script>
      // axios.get('http://localhost:5001/findAdmins').then((data) => {
      //   console.log(data)
      // })

      // 1. localStorage 是浏览器存储数据的一种方式.
      // 特点: 存储到localStorage里面的数据, 如果不删除, 会一直保存

      // 怎么存数据: localStorage.setItem('键', 值)
      // 怎么拿数据: localStorage.getItem('键') 返回值

      // 注意: localStorage中只能存储字符串,如果写了别的数据类型,localStorage会自动通过toString()转成字符串
      // localStorage.setItem('aaa', 1)
      // localStorage.setItem('bbb', JSON.stringify({ name: 'zs' }))
      // localStorage.setItem('ccc', JSON.stringify(['a', 'b']))

      // console.log(localStorage.getItem('aaa'))
      // console.log(localStorage.getItem('bbb'))
      // console.log(localStorage.getItem('ccc'))

      // 删除一条数据: localStorage.removeItem('键')
      // 清除所有数据: localStorage.clear()
      // localStorage.removeItem('aaa')
      // localStorage.clear()

      // 2. sessionStorage也是浏览器存储数据的一种方式
      // 特点: 存储的数据的有效期固定为一个会话的时间(关闭浏览器就没有了)
      // 注意: 和localStorage一样,也只能存储字符串

      //存:
      // sessionStorage.setItem('aaa', 1)
      // sessionStorage.setItem('bbb', { name: 'zs' })
      // sessionStorage.setItem('ccc', ['a', 'b'])

      // 取
      // console.log(sessionStorage.getItem('aaa'))
      // console.log(sessionStorage.getItem('bbb'))
      // console.log(sessionStorage.getItem('ccc'))
    </script>
  </body>
</html>
